<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>web Workers__测试</title>
</head>
<body>
<!-- 
    1. H5 规范提供了js分线程的实现，取名为：web Workers
    2. 相关API
        - worker：构造函数，加载分线程执行的 js 文件
        - worker.prototype.onmessage：用于接收另一个线程的回调函数
        - worker.prototype.postMessage：向另一个线程发送消息
    3. 不足
        - worker 内代码不能操作 DOM（更新UI）
        - 不能跨域加载js
        * 不是每个浏览器都支持这个新特性
 -->

<input type="text" id="number" placeholder="数值">
<button id="btn">计算</button>
<script type="text/javascript">
    // 1 1 2 3 5 8    f(n) = f(n-1) + f(n-2)
    function fbci(n){
        return n <=2 ? 1 : fbci(n-1)+fbci(n-2) // 递归调用
    }
    
    // console.log(fbci(6))
    var input = document.getElementById('number')
    document.getElementById('btn').onclick = function(){
        var number = input.value
        var result = fbci(number)
        alert(result)
    }

</script>
</body>
</html>